<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>平台商</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1440001_2ites4rhvhg.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/media.css">
</head>

<body>
    <div id="header"></div>
    <!-- -------------------主体----------------- -->
    <section class="platform-name">
        <div class="container clearfix">
            <div class="row">
                <div class="col-md-4 col-sm-5 col-xs-12">
                    <div class="pt-name">
                        <a href="#"><img class="ptlogo" src="" alt=""></a>
                        <div class="btn-group">
                            <a href="#" class="btn" id="applyAgent">申请代理</a>
                            <a href="#" class="btn" id="authStatus">在线咨询</a>
                            <a href="#" class="btn" id="collection">收藏</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-5 col-sm-7 col-xs-12">
                    <div class="pt-info">
                        <p class="tit"></p>
                        <p class="rec"><i class="iconfont icon-zan1"></i>雷达推荐：
                            <i class="iconfont icon-star" style="font-size: 14px;"></i>
                            <i class="iconfont icon-star" style="font-size: 14px;"></i>
                            <i class="iconfont icon-star" style="font-size: 14px;"></i>
                            <i class="iconfont icon-star" style="font-size: 14px;"></i>
                            <i id="halfStar" class="iconfont icon-star" style="font-size: 14px;"></i>
                        </p>
                        <p class="area"><i class="iconfont icon-IE"></i>官方网址：
                            <span class="area1">
                                <i class="iconfont icon-down"></i>
                            </span>
                        </p>
                        <p class="sure"><i class="iconfont icon-Shapex-"></i>已认证</p>
                        <p class="tel"></p>
                        <p class="email"></p>
                        <ul class="info-label">
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 hidden-sm hidden-xs">
                    <div class="item">
                        <div class="score">
                            <img class="img-reponsive" src="img/score.png" alt="">
                            <div class="txt">
                                <p class="txt-leida text-center">雷达评分</p>
                                <p class="num text-center"><span class="num1" id="radarScore"></span>&nbsp;/&nbsp;<span class="num2">10</span></p>
                            </div>
                            <div class="mask">
                                <div>监控指数：
                                    <div class="progress">
                                        <div class="progress-bar monitorSorceSum" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                            <span class="sr-only">40% 完成</span>
                                        </div>
                                    </div>
                                </div>
                                <div>体验指数：
                                    <div class="progress">
                                        <div class="progress-bar experienceSorceSum" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                            <span class="sr-only">40% 完成</span>
                                        </div>
                                    </div>
                                </div>
                                <div>知名度指数：
                                    <div class="progress">
                                        <div class="progress-bar reputationSorceSum" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                            <span class="sr-only">40% 完成</span>
                                        </div>
                                    </div>
                                </div>
                                <div>荣誉指数：
                                    <div class="progress">
                                        <div class="progress-bar honorSorceSum" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                            <span class="sr-only">40% 完成</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="security">
                            <img class="img-reponsive" src="img/security.png" alt="">
                            <div class="txt">
                                <p class="txt-leida text-center">安全系数</p>
                                <p class="num text-center"><span class="num1" id="safetyScore">9.8</span>&nbsp;/&nbsp;<span class="num2">10</span></p>
                            </div>
                            <div class="mask">
                                <div>监控指数：
                                    <div class="progress">
                                        <div class="progress-bar monitorSorceSum" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                            <span class="sr-only">40% 完成</span>
                                        </div>
                                    </div>
                                </div>
                                <div>体验指数：
                                    <div class="progress">
                                        <div class="progress-bar experienceSorceSum" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                            <span class="sr-only">40% 完成</span>
                                        </div>
                                    </div>
                                </div>
                                <div>知名度指数：
                                    <div class="progress">
                                        <div class="progress-bar reputationSorceSum" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                            <span class="sr-only">40% 完成</span>
                                        </div>
                                    </div>
                                </div>
                                <div>荣誉指数：
                                    <div class="progress">
                                        <div class="progress-bar honorSorceSum" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                            <span class="sr-only">40% 完成</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="platform-info">
        <div class="container industry-main">
            <div class="row">
                <div class="col-md-8 col-sm-12 col-xs-12">
                    <p class="tit tit1">澳洲百汇BCR</p>
                    <div class="banner">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <!-- Wrapper for slides -->
                            <div class="carousel-inner" role="listbox" id="banner">
                            </div>
                            <!-- Controls -->
                            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                    <div class="info01">
                        <p class="tit">基本资料</p>
                        <div class="item item01">
                            <div>
                                <p>注册国家：<span id="country"></span></p>
                                <p>成立时间：<span id="createTime"></span></p>
                                <p>交易软件：<span id="">待定</span></p>
                                <p>入金方式：<span id="enterType"></span></p>
                            </div>
                            <div>
                                <p>监管机构：<span>待定</span></p>
                                <p>经营模式：<span id="operateModel"></span></p>
                                <p>入金门槛：<span id="minEnterMoney"></span></p>
                            </div>
                        </div>
                    </div>
                    <!-- 标准账户 -->
                    <div class="info01 info02">
                        <p class="tit">标准账户</p>
                        <div class="item">
                            <div>
                                <p>基础点差：<span id="basicPoint"></span></p>
                                <p>最大杠杆：<span id="maxLever"></span></p>
                                <p>爆仓比例：<span id="warehouse"></span></p>
                                <p>锁仓：<span id="lockStatus"></span></p>
                                <p>拨头皮：<span id="scalpStatus"></span></p>
                            </div>
                            <div>
                                <p>入金门槛：<span id="threshold"></span></p>
                                <p>点差类型：<span id="spread"></span></p>
                                <p>最小交易手数：<span id="handNum"></span></p>
                                <p>EA交易：<span id="eaStatus"></span></p>
                            </div>
                        </div>
                    </div>
                    <div class="world">
                        <p class="tit">全球监管</p>
                        <div class="row">
                            <div class="col-md-4 hidden-sm hidden-xs">
                                <div class="head">
                                    <span class="top">
                                        <img src="img/hdtop.png" alt="">
                                    </span>
                                    <p><span class="num1">8.55</span>&nbsp;/&nbsp;<span>10</span></p>
                                </div>
                                <ul class="list" id="getSupListByMerchant">
                                </ul>
                            </div>
                            <div class="col-md-8 col-sm-12 co-xs-12">
                                <div class="card">
                                    <img class="img-responsive" src="img/cardbg.png" alt="">
                                    <div class="content">
                                        <div class="card-head clearfix">
                                            <div class="c">
                                                <p class="c1">监督机构：<span>滴滴滴滴滴</span></p>
                                                <p class="c2">机构简称：<span>ASFDS</span></p>
                                                <p class="c3">监督性质：<span>xxxxx</span></p>
                                            </div>
                                            <span class="card-img"><img src="img/hot-img.png" alt=""></span>
                                            <span class="seal1"><img src="img/seal1.png" alt=""></span>
                                        </div>
                                        <ul class="middle hidden-xs">
                                            <li>持牌公司：<span id="abbreviation"></span></li>
                                            <li>监管状态：<span>监管中</span></li>
                                            <li>监管国家：<span id="country">澳大利亚</span></li>
                                            <!--<img src="img/c-logo.png" alt="">-->
                                            <li>监管日期：<span id="effectiveTime"></span></li>
                                            <li>牌照类型：<span id="licenseType"></span></li>
                                            <li>牌照编号：<span id="cerNumber"></span></li>
                                        </ul>
                                        <span class="hr hidden-xs"></span>
                                        <ul class="card-bottom hidden-xs">
                                            <li class="nowrap">公司邮箱：<span id="email" class="nowrap"></span></li>
                                            <li class="nowrap">公司网址：<span id="website" class="nowrap"></span></li>
                                            <li class="nowrap">公司地址：<span id="area" class="nowrap"></span></li>
                                            <sapn class="seal2"><img src="img/seal2.png" alt=""></sapn>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12 col-xs-12 page3">
                    <div class="page3-right">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist" id="tabs">
                            <li role="presentation" class="active"><a data-id="-1" href="#recommend" aria-controls="recommend" role="tab" data-toggle="tab">推荐</a></li>
                            <li role="presentation"><a href="#recommend" data-id="1" aria-controls="recommend" role="tab" data-toggle="tab">平台</a></li>
                            <li role="presentation"><a href="#recommend" data-id="2" aria-controls="recommend" role="tab" data-toggle="tab">资讯</a></li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="recommend">
                                <a href="#" class="btn btn-primary">展开更多</a>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="platform">...</div>
                            <div role="tabpanel" class="tab-pane" id="consultation">...</div>
                        </div>
                    </div>
                    <div class="page3-right market platform-tj">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active"><a href="#recommend" aria-controls="recommend" role="tab" data-toggle="tab" style="width: 100%;">推荐文章</a></li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="recommends">
                                <a href="#" class="btn btn-primary">展开更多</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="platform-more">
        <div class="container">
            <p class="tit">更多平台</p>
            <div class="row" id="moreplat">
            </div>
        </div>
    </section>
    <div id="footer"></div>
</body>
<style>
.industry-main .row > div:first-child{background-color: #fff;padding-bottom: 10px;}
</style>
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"> </script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/core.js"></script>
<script src="js/mine.js"></script>
<script>
$(function() {
    $("#header").load("./header.html")
    $("#footer").load("./footer.html")
    // 客户二维码地址
    let kfurl = "";
    Getdata(getValueByName, { name: "customer_code" }).then(res => {
        
        kfurl = res.data.value;
    })
    let id = GetQueryString("id");
    Getdata(busDetail + id, {}).then(res => {
        
        let item = res.data; //内容
        // $(".rec .icon-star").css("color", "yellow")
        // 判断星星数量
        if (item.radarScore < 4) {
            $(".rec .icon-star:lt(1)").css("color", "yellow")
        } else if (item.radarScore > 4 && item.radarScore < 6) {
            $(".rec .icon-star:lt(2)").css("color", "yellow")
        } else if (item.radarScore > 6 && item.radarScore < 7) {
            $(".rec .icon-star:lt(3)").css("color", "yellow")
        } else if (item.radarScore > 7 && item.radarScore < 8) {
            $(".rec .icon-star:lt(4)").css("color", "yellow")
        } else if (item.radarScore > 8 && item.radarScore < 9) {
            $(".rec .icon-star:lt(4)").css("color", "yellow")
            $("#halfStar").attr("class","iconfont icon-cc-star-half")
            $("#halfStar").attr("style","font-size: 12px;color:yellow")
        }else if (item.radarScore >= 9){
            $(".rec .icon-star").css("color", "yellow")
        }
        // 相册轮播albumPaths .join(',') .split("&").join(',').split(",");
        if (item.albumPaths == '' || item.albumPaths == null) {
            $("#banner").html(`<div class="item active"><img src="${item.imgPath}"></div>`);
        } else {
            let bannerImgs0 = item.albumPaths.split("=");
            let bannerImgs = "";
            let banimg = "";
            $.each(bannerImgs0, function(index, val) {
                bannerImgs += val.split("&")[1] + ',';
            })
            bannerImgs = bannerImgs.split(",");
            bannerImgs = bannerImgs.splice(0, bannerImgs.length - 1);
            $.each(bannerImgs, function(index, val) {
                banimg += `<div class="item">
                                 <img src="${val}" alt="...">
                                </div>`;
            })
            $("#banner").html(banimg)
            $("#banner").find("div").first().addClass("active");
        }

        // 商户图片
        $(".platform-name .ptlogo").attr("src", item.imgPath);
        // 申请代理
        $("#applyAgent").attr("href", item.applyAgent);
        // 在线咨询
        $("#authStatus").attr("href", item.onLine);
        //收藏
        $("#collection").attr("href", item.collection);
        // 名字
        $(".platform-info .tit1").html(item.name)
        $(".platform-name .pt-info .tit").html(item.name)
        // 官方网址.platform-name .pt-info .area .area1  
        $(".platform-name .pt-info .area .area1").append(`<a href="${item.websitePath}" title='${item.websitePath}'>${item.websitePath}</a>`)
        //电话<i class="iconfont icon-dianhua"></i>电话：13164564131 .platform-name .pt-info tel
        $(".platform-name .pt-info .tel").html(`<i class="iconfont icon-dianhua"></i>电话：${item.phone}`);
        // 邮箱<i class="iconfont icon-youxiang1"></i>邮箱：fasfdsfsda@ds.com 
        $(".platform-name .pt-info .email").html(`<i class="iconfont icon-youxiang1"></i>邮箱：${item.email}`)
        // 在线开户


        $(".platform-name .pt-info .info-label").html(`<a href="${item.openAccount}" class="active btn">在线开户</a>
                            <a href="${item.softDown}" class="btn">软件下载</a>
                            <a href="${item.spread}" class="btn">点差</a>
                            <a href="${item.overInterest}" class="btn">过夜利息</a>
                            <a id="wx" data-container="body" href="javascript:;" class="btn">我来纠错
                                <img src="${kfurl}" alt="" />
                            </a>`)
        // 雷达评分
        $("#radarScore").html(item.radarScore)
        $(".world .head .num1").html(item.radarScore) //全球监管分数

        // 安全系数
        $("#safetyScore").html(item.safetyScore)
        // 监控指数
        let monitorSorceSum = (item.monitorSorce + item.fictitiousMonitorSorce) * 10 + '%';
        $(".monitorSorceSum").css("width", monitorSorceSum);
        // 体验指数
        let experienceSorceSum = (item.experienceSorce + item.fictitiousExperienceSorce) * 10 + '%';
        $(".experienceSorceSum").css("width", experienceSorceSum);
        // 知名度指数
        let reputationSorceSum = (item.reputationSorce + item.fictitiousReputationSorce) * 10 + '%';
        $(".reputationSorceSum").css("width", reputationSorceSum);
        // 荣誉指数
        let honorSorceSum = (item.honorSorce + item.fictitiousHonorSorce) * 10 + '%';
        $(".honorSorceSum").css("width", honorSorceSum);
        // console.log(monitorSorceSum);




        // 基本资料 info01 item
        // 注册国家
        $("#country").html(item.country);
        // 成立时间
        $("#createTime").html(item.createTime);
        // 入金方式
        $("#enterType").html(item.enterType);
        // 经营模式
        $("#operateModel").html(item.operateModel);
        // 入金门槛
        $("#minEnterMoney").html(item.minEnterMoney);



        // 标准账户
        Getdata(getListByMerchant, { merchantId: id }).then(res => {
            // 
            let standardinfo = res.data[0];
            // 基础点差
            $("#basicPoint").html(standardinfo.basicPoint);
            // 最大杠杆
            $("#maxLever").html(standardinfo.maxLever);
            // 爆仓比例
            $("#warehouse").html(standardinfo.warehouse);
            // 锁仓
            $("#lockStatus").html(standardinfo.lockStatus);
            // 拨头皮
            $("#scalpStatus").html(standardinfo.scalpStatus);
            // 入金门槛
            $("#threshold").html(standardinfo.threshold);
            // 点差类型
            $("#spread").html(standardinfo.spread);
            // 最小交易手数
            $("#handNum").html(standardinfo.handNum);
            // EA交易
            $("#eaStatus").html(standardinfo.eaStatus);
        })
    })



    // 全球监管card .content
    // $(".card .content").html(``);
    // 监管列表
    Getdata(getSupListByMerchant, { merchantId: id }).then(res => {
        
        let jgList = "";
        $.each(res.data, function(index, val) {
            jgList += `<li><a href="javaScript:;" data-nameid = ${val.id}>
                                <div class="strip"><span></span><span></span><span></span><span></span></div>
                                <span title="${val.name}">${val.name}</span><span>监管中</span><span class="glyphicon glyphicon-menu-right"></span>
                            </a></li>`;
        })
        $("#getSupListByMerchant").html(jgList);
        // 默认监管详情
        // 获取列表第一个id
        let listId = $("#getSupListByMerchant li").first().children().data("nameid");
        Getdata(supervisionDetail + listId).then(res => {
            
            let jgDetail = res.data;
            // 监督机构
            $(".c .c1 span").html(jgDetail.name);
            // 机构简称
            $(".c .c2 span").html(jgDetail.chinaUser);
            //监督性质 机构性质
            $(".c .c3 span").html(jgDetail.nature);
            // 持牌公司
            $("#abbreviation").html(jgDetail.abbreviation);
            //成立时间
            $(".c .c4 span").html(jgDetail.registerTime);
            // "封面路径"
            $(".card-img img").attr("src", jgDetail.imgPath);
            // 牌照类型 licenseType
            $("#licenseType").html(jgDetail.licenseType);
            // 监管日期 effectiveTime
            $("#effectiveTime").html(jgDetail.effectiveTime);
            //监管国家 area
            $("#country").html(jgDetail.country);
            // 牌照编号 cerNumber
            $("#cerNumber").html(jgDetail.cerNumber);
            // 公司邮箱
            $("#email").html(jgDetail.email);
            // 公司地址
            $("#area").html(jgDetail.area);
            // 公司网址
            $("#website").html(jgDetail.website);
        })
        // 点击切换监管详情
        $.each($("#getSupListByMerchant li"), function(index, val) {
            $("#getSupListByMerchant li").eq(index).click(function() {
                listId = $(this).children().data("nameid");
                console.log(listId)
                Getdata(supervisionDetail + listId).then(res => {
                    // 
                    let jgDetail = res.data;
                    // 监督机构
                    $(".c .c1 span").html(jgDetail.name);
                    // 机构简称
                    $(".c .c2 span").html(jgDetail.chinaUser);
                    //监督性质 机构性质
                    $(".c .c3 span").html(jgDetail.nature);
                    //成立时间
                    $(".c .c4 span").html(jgDetail.registerTime);
                    // 持牌公司
                    $("#abbreviation").html(jgDetail.abbreviation);
                    // "封面路径"
                    $(".card-img img").attr("src", jgDetail.imgPath);
                    // 牌照类型 licenseType
                    $("#licenseType").html(jgDetail.licenseType);
                    // 监管日期 effectiveTime
                    $("#effectiveTime").html(jgDetail.effectiveTime);
                    //监管国家 area
                    $("#country").html(jgDetail.country);
                    // 牌照编号 cerNumber
                    $("#cerNumber").html(jgDetail.cerNumber);
                    // 公司邮箱
                    $("#email").html(jgDetail.email);
                    // 公司地址
                    $("#area").html(jgDetail.area);
                    // 公司网址
                    $("#website").html(jgDetail.website);
                })
            })
        })
    })

    // 推荐文章
    Getdata(recommendArticle).then(res => {
        // 
        let articleItem = '';
        let releaseTime = '';
        let nowTime = getNowTime();
        $.each(res.data, function(index, val) {
            // console.log(val)
            releaseTime = diffTime(val.gmtDatetime, nowTime);

            articleItem += `<div class="item1">
                                <a href="detail.html?id=${val.id}"><p class="tit">${val.summary}</p></a>
                                <p class="tit-bottom"><span class="img"><img src="img/logos.png" alt="">|<span>行业新闻</span></span><span class="hour">${releaseTime}前</span></p>
                            </div>`;
        })
        $("#recommends").html(articleItem);
    })




    // 更多平台moreplat

    Getdata(busList, { type: 1, size: 4, current: 1 }).then(res => {
        // 
        let paltitem = "";
        // console.log(diffTime("2019-10-07 17:36:55", '2019-10-27 16:54:17'))
        $.each(res.data.records, function(index, val) {
            paltitem += `<div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="plat-item">
                        <div class="img"><a href="platDetail.html?id=${val.id}"><img class="img-responsive center-block" src="${val.imgPath}" alt=""></a><span>监督中</span></div>
                        <div class="item-info">
                            <a href="platDetail.html?id=${val.id}">
                                <p class="tit">${val.name}</p>
                            </a>
                            <p class="label">
                                <span class="span-group"><span class="s1">雷达评分</span><span class="s2">${val.radarScore}</span></span>
                            </p>
                        </div>
                    </div>
                </div>`
        })
        $("#moreplat").html(paltitem);
    })





    // 侧栏默认查询类型 -1 查询推荐 1查询平台 2查询资讯 recommend
    let type = -1;
    Getdata(getMerchantNewList, { merchantId: id, type, size: 7, current: 1 }).then(res => {
        let sideitem = "";
        
        $.each(res.data.records, function(index, val) {
            sideitem += `<div class="item1 clearfix">
                                    <div class="item-left">
                                        <a href="detail.html?id=${val.id}">
                                            <span class="star">${val.popularTags}</span><span class="txt">${val.details}</span>
                                            <div class="bottom"><span class="sl">资讯平台</span><span class="sr pull-right">${val.gmtDatetime}</span></div>
                                        </a>
                                    </div>
                                    <div class="item-right"><a href="detail.html?id=${val.id}"><img class="img-responsive" src="img/srimg.png" alt=""></a> </div>
                                </div>`;
        })
        $("#recommend").html(sideitem);
    })
    // 侧栏切换
    $.each($("#tabs li"), function(index, val) {
        $("#tabs li").eq(index).children().click(function() {
            let sideitem1 = "";
            type = $(this).attr("data-id");
            console.log($(this).attr("data-id"))
            Getdata(getMerchantNewList, { merchantId: id, type, size: 7, current: 1 }).then(res => {
                let sideitem = "";
                
                $.each(res.data.records, function(index, val) {
                    sideitem1 += `<div class="item1 clearfix">
                                    <div class="item-left">
                                        <a href="detail.html?id=${val.id}">
                                            <span class="star">${val.popularTags}</span><span class="txt">${val.details}</span>
                                            <div class="bottom"><span class="sl">资讯平台</span><span class="sr pull-right">${val.gmtDatetime}</span></div>
                                        </a>
                                    </div>
                                    <div class="item-right"><a href="detail.html?id=${val.id}"><img class="img-responsive" src="img/srimg.png" alt=""></a> </div>
                                </div>`;
                })
                $("#recommend").html(sideitem1);
            })
        })
    })






})
</script>

</html>